<template>
  <div class="index-page">
    <p></p>
    <div class="txt_box">
      <div class="txt_tle">人工智能结合周易算法为您免费起名</div>
      <div class="txt_cont">用现代科技打算独一无二的名字</div>
    </div>
    <div class="btn_cont">
      <el-button
        type="warning"
        class="btn-start"
      >免费尝试</el-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>
<style scoped>
.btn-start {
  width: 270px;
  height: 66px;
  font-size: 16pt;
  background: #fbb03b;
  border: 2px solid #fbb03b;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  box-shadow: 10px 10px 10px #e6e6e6;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
</style>
